<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>全部公安服务</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link th:href="@{/res/detailError/lib/weui.min.css}" rel="stylesheet">
    <link th:href="@{/res/detailError/css/jquery-weui.css}" rel="stylesheet">
    <link th:href="@{/res/detailError/css/common.css}" rel="stylesheet">
</head>
<body class="bgline3">

<div class="weui-panel weui-panel_access">
    <div class="weui-panel__hd bold">全部服务</div>
    <div class="weui-panel__bd">
        <div class="flex">
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/wechat/xcode/home.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/sfzxx.png}">
                <p class="ft14 mt5 tc">身份证<br>信息</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/wechat/html/juzhuzhengnew.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/xsdzjzz.png}">
                <p class="ft14 mt5 tc">居住登记<br>信息</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/wechat/html/credentialsLists.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/zjzpxz.png}">
                <p class="ft14 mt5 tc">证件照片<br>下载</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/populationclient/search.shtml')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/cmcx.png}">
                <p class="ft14 mt5 tc">重名查询</p>
            </div>
        </div>
        <div class="flex">
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/zayw/sdjw.jsp')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/xssfzbljd.png}">
                <p class="ft14 mt5 tc">身份证 <br> 办理进度</p>
            </div>
            <div class="w25 ptb10 flex column alcenter" onclick="goToApp('https://msjw.gat.shandong.gov.cn/jzsearch')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/djzhcx.png}">
                <p class="ft14 mt5 tc">冻结账号<br>查询</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/ZFGK/app/ajblgk/index.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/ajxxcx.png}">
                <p class="ft14 mt5 tc">案件信息<br>查询</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/wechat/html/carlist.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/jtwfcl.png}">
                <p class="ft14 mt5 tc">违法查询<br>处理</p>
            </div>
        </div>
        <div class="flex">
            <div class="w25 ptb10 flex column alcenter" onclick="switchApp(this, 'hjyw')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/hjyw.png}">
                <p class="ft14 mt5 tc">户籍业务</p>
            </div>
            <div class="w25 ptb10 flex column alcenter" onclick="switchApp(this, 'jgyw')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/jgyw.png}">
                <p class="ft14 mt5 tc">监管业务</p>
            </div>
            <div class="w25 ptb10 flex column alcenter" onclick="switchApp(this, 'crjyw')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/crjyw.png}">
                <p class="ft14 mt5 tc">出入境业务</p>
            </div>
            <div class="w25 ptb10 flex column alcenter" onclick="switchApp(this, 'jtcx')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/jtcx.png}">
                <p class="ft14 mt5 tc">交通出行</p>
            </div>
        </div>
        <div class="flex">
            <div class="w25 ptb10 flex column alcenter" onclick="switchApp(this, 'jwgk')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/jwgk.png}">
                <p class="ft14 mt5 tc">警务公开</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/wechat/html/map2.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/wdcx.png}">
                <p class="ft14 mt5 tc">网点查询</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/wechat/html/safe.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/qljq.png}">
                <p class="ft14 mt5 tc">海外利益安全</p>
            </div>
            <div class="w25 ptb10 flex column alcenter" onclick="switchApp(this, 'hajc')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/hajc.png}">
                <p class="ft14 mt5 tc">海岸警察</p>
            </div>
        </div>


        <div class="flex">
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('http://dygawjw.dongying.cn/pages/individuationPage/movecar.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/dywxnc.png}">
                <p class="ft14 mt5 tc">微信挪车</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/wechat/html/carlist.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/newjtwfcl.png}">
                <p class="ft14 mt5 tc">交通违法处理</p>
            </div>
            <div class="w25 ptb10 flex column alcenter" onclick="switchApp(this, 'mssq')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/tsjb.png}">
                <p class="ft14 mt5 tc">民生诉求</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('http://dygawjw.dongying.cn/pages/proof/criminal.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/wfzjl.png}">
                <p class="ft14 mt5 tc">无犯罪证明</p>
            </div>
        </div>
        <div class="flex">
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('http://dygawjw.dongying.cn/pages/proof/temporaryID.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/lssfzm.png}">
                <p class="ft14 mt5 tc">临时身份证明</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('http://xmtupcedu.cn/sdwgDYMinsheng/mobileWeChat2/yzbarwcx.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/yzcx.png}">
                <p class="ft14 mt5 tc">印章备案信息</p>
            </div>
            <div class="w25 ptb10 flex column alcenter" onclick="goToApp('http://dygawjw.dongying.cn/baojing.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/wx110.png}">
                <p class="ft14 mt5 tc">微信报警</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('http://dygawjw.dongying.cn/pages/proof/hujibiangeng.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/hjzm.png}">
                <p class="ft14 mt5 tc">户籍证明</p>
            </div>
        </div>
        <div class="flex">
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('http://dygawjw.dongying.cn/pages/center/yangquandengjizheng.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/gougou.png}">
                <p class="ft14 mt5 tc">电子犬证</p>
            </div>
            <div class="w25 ptb10 flex column alcenter">

            </div>
            <div class="w25 ptb10 flex column alcenter">

            </div>
            <div class="w25 ptb10 flex column alcenter">

            </div>
        </div>

    </div>
</div>

<script th:src="@{/res/detailError/js/jquery-1.12.4.min.js}"></script>
<script th:src="@{/res/detailError/js/switchApp.js}"></script>

</body>
</html>
